<template>
  <div >

    <h2>{{msg}}</h2>
    <h3>学生名称：{{name}}</h3>
    <h3>性别：{{sex}}</h3>
    <h3>年龄：{{myAge}}</h3>
    <button @click="updateAge">年龄+1</button>
  </div>
</template>

<script>
    export default {
        name:'School',
        data(){
            return {
                msg:'hello',
                myAge:this.age
            }
        },
        methods:{
            updateAge(){
                this.myAge++
            }
        },
        // props:['name','sex','age']
        //props:{
        //    name:String,
        //    sex:String,
        //    age:Number
        //}
        props:{
            name:{
                type:String,
                required:true,
            },
            age:{
                type:Number,
                default:99,
            },
            sex:{
                type:String,
                required:true
            }
        }
    }
</script>

<style>

</style>